<template>
	<view class="All">
		<view class="centers" v-for="item in cjhzl">
			<view class="centers-item">
				<p class="txt1 txt">出租车（网约车）模拟考试（公共科目）</p>
				<p class="txt2 txt">考试分数：{{item.zf}}分</p>
				<p class="txt3 txt">答题时间：{{item.Timer}}</p>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		name: "my-zjlx",
		data() {
			return {

			};
		},
		mounted() {
			console.log(this.cjhzl)
		},
		computed:{
			...mapState('users',['cjhzl'])
		}
	}
</script>

<style lang="scss">
	.All {
		background-color: rgb(240, 240, 240);

		.centers {
			border-radius: 10px 10px 10px 10px;
			margin-top: 20px;
			margin-left: 3%;
			width: 94%;
			height: 130px;
			background-color: white;

			.centers-item {
				height: 100%;
				margin-left: 20px;
				padding-top: 10px;
				.txt {
					 height: 28%;
				}

				.txt1 {
					font-size: 18px;
				}

				.txt2 {
					font-size: 16px;
					color: red;
				}

				.txt3 {
					font-size: 14px;
					color: lightgray;
				}
			}

		}
	}
</style>